Instant No server upload Colors / CSS

Color Palette from Image - Extract Dominant Colors & CSS Gradient

Automatically extract 4–12 dominant colors from an image and generate HEX/RGB/HSL values, WCAG contrast ratios, CSS variables, a palette PNG, and a CSS gradient based on the extracted colors Browser only for you.

Related tools Image Converter SVG Optimizer & Compressor

Processing limit: image files up to 75 MB · resolution 40 MP mobile / 80 MP PC

Drag an image here or click to select

JPG, PNG, WebP, GIF, SVG, and other images your browser can read

Image preview

A preview appears after you select an image.

Extraction options

Number of colors8 colors Sampling interval Gradient direction Contrast background

0

Extracted colors

-

Image dimensions

-

Dominant colors

-

Best contrast

Extracted palette

Select an image and extract its palette.

CSS gradient

Appears after palette extraction.

CSS code

/* CSS appears after palette extraction. */

Color Palette from Image - Extract Dominant Colors & CSS Gradient

Drag an image here or click to select

Extraction options

Extracted palette

CSS gradient

CSS code

Helpful information

How do I extract a palette from an image?

Where are uploaded files processed?

Frequently asked questions (FAQ)

Tips

Can I click an exact pixel in the image like an image color picker?